<?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="../../generales/plantillas/plantillaMain.xhtml">

	<ui:define name="content">
		<h:form prependId="false">
			
			<p:panel id="listaPanel" header="#{msg['form.zona.lista']}" style="margin-bottom:10px;">
				<p:dataTable var="zona" value="#{zonaBean.lazyDataModel}" paginator="true" rows="10" paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"  
                 			 rowsPerPageTemplate="#{msg['app.rowsPerPage']}" selectionMode="single" selection="#{zonaBean.zonaSelected}" id="zonasTable"
                 			 emptyMessage="#{msg['list.zonas.empty']}" rowKey="#{zona.id}">
                 			 
			        <p:column headerText="#{msg['list.zonas.id']}" sortBy="#{zona.id}" filterBy="#{zona.id}">  
			            <h:outputText value="#{zona.id}" />
			        </p:column>  
			  
			        <p:column headerText="#{msg['form.zona']}" sortBy="#{zona.nombre}" filterBy="#{zona.nombre}">  
			            <h:outputText value="#{zona.nombre}" />
			        </p:column>
			  
			        <p:column headerText="#{msg['form.tipoZona']}" sortBy="#{zona.tipoZona.nombre}" filterBy="#{zona.tipoZona.nombre}">  
			            <h:outputText value="#{zona.tipoZona.nombre}" />
			        </p:column>
			  
			        <p:column headerText="#{msg['form.estado']}" sortBy="#{zona.estadoZona.nombre}" filterBy="#{zona.estadoZona.nombre}">  
			            <h:outputText value="#{zona.estadoZona.nombre}" />
			        </p:column>
			    </p:dataTable>
			</p:panel>
			
			
			<p:panel id="formZona" header="#{msg['form.zona.formulario']}"
				style="margin-bottom:10px;">
				<h:panelGrid columns="2" cellpadding="10">
					<h:outputLabel for="tipoZona" value="#{msg['form.tipoZona']}: *" />
					<p:selectOneMenu id="tipoZona"
						value="#{zonaBean.zona.tipoZona.codigo}">
						<f:selectItems value="#{zonaBean.tiposZona}" var="tipoZona"
							itemValue="#{tipoZona.codigo}" itemLabel="#{tipoZona.nombre}" />
					</p:selectOneMenu>
					<h:outputLabel for="nombre" value="#{msg['form.zona.nombre']}: *" />
					<p:inputText id="nombre" value="" required="true"
						label="#{msg['form.zona.nombre']}">
						<f:validateLength minimum="8" />
					</p:inputText>
					<h:outputLabel for="estadoZona"
						value="#{msg['form.estadoZona']}: *" />
					<p:selectOneMenu id="estadoZona" value="#{zonaBean.estadosZona}">
						<f:selectItems value="#{zonaBean.estadosZona}" var="estadoZona"
							itemValue="#{estadoZona.codigo}" itemLabel="#{estadoZona.nombre}" />
					</p:selectOneMenu>

					<p:commandButton id="basic" value="Basic" onclick="dlg1.show();"
						type="button" />

				</h:panelGrid>
			</p:panel>
			
			</h:form>

			<p:dialog header="Basic Dialog" widgetVar="dlg1">
				<h:outputText value="Resistance to PrimeFaces is futile!" />
			</p:dialog>
		
	</ui:define>
</ui:composition>
